<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" 
			content="width=device-width, initial-scale=1.0" />
		<title>QQ注册</title>
		<link rel="shortcut icon" href="favicon.ico" type="favicon.ico" />
		<link rel="stylesheet" type="text/css" href="css/register.css"/>
		<link rel="stylesheet" href="swiper-4.5.0/dist/css/swiper.min.css">
		<link rel="stylesheet" 
			href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css" />
	</head>
	<body>
		<a href="index.html"><img src="images/logo.png" alt="" class="logo" /></a>
		<div class="warper clearfix">
			<div class="left">
				<div id="carouselExampleSlidesOnly" class="carousel slide" data-ride="carousel">
				  <div class="carousel-inner">
				    <div class="carousel-item active">
				        <img src="images/01-1.jpg" class="d-block w-100" alt="...">
				    </div>
				    <div class="carousel-item">
				      <img src="images/01-2.jpg" class="d-block w-100" alt="...">
				    </div>
				    <div class="carousel-item">
				      <img src="images/01-3.jpg" class="d-block w-100" alt="...">
				    </div>
				    <div class="carousel-item">
				      <img src="images/01-4.jpg" class="d-block w-100" alt="...">
				    </div>
				  </div>
				</div>
			</div>
			<div class="right">
				<div class="container">
					<div class="r-top clearfix">
						<ul class="over clearfix">
							<li class="li1"><a href=""><img class="qqlh" src="images/qqlh.png"/><p>QQ靓号</p></a></li>
							<li class="hgxs"><a href="#">简体中文 <p></p></a><div><a href="register-two.html">繁體中文</a><br /><a href="register-three.html">English</a></div></li>
							<li><a href="">意见反馈</a></li>
						</ul>
					</div>
					<div class="r-center">
						<div class="rct clearfix">
							<h1>欢迎注册QQ</h1>
							<h3>每一天，乐在沟通。</h3>
							<a href="">免费靓号</a>
						</div>
						<div class="rcc">
							<form action="">
								 <div class="cwa">
								 	<input class="cw11" type="text" placeholder="昵称"/>
								 	<img src="images/tick.png" alt="" />
								 </div>
								<p class="cw1"><img src="images/error.png" alt="" /> 昵称不可以为空</p>
								<div class="cwb">
									<input class="cw22" type="password" placeholder="密码"/>
								 	<img src="images/tick.png" alt="" />
								</div>
								<p class="cw2"><img src="images/error.png" alt="" /> 长度为8-16个字符</p>
								<select name="">
									<option value="">+86</option>
									<option value="">+852</option>
									<option value="">+853</option>
									<option value="">+886</option>
									<option value="">+355</option>
								</select>
								<input class="sjh" type="text" placeholder="手机号码"/>
								<h6>可通过该手机号找回密码</h6>
								<div class="bt1">
									<input class="dxyzm" type="text" placeholder="短信验证码"/>
									<input type="button" id="btn" value="免费获取验证码" onclick="settime(this)" />
								</div>
								<button class="zc">立即注册</button>
								<div class="crb">
									<p><input type="checkbox" /> 我已阅读并同意相关服务条款和隐私政策</p>
								</div>
							</form>
						</div>
					</div>
				</div>
				<footer>
					<p>Copyright © 1998-2019Tencent All Rights Reserved</p>
				</footer>
			</div>
		</div>
		<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
		<script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
		<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
		<script src="swiper-4.5.0/dist/js/swiper.min.js"></script>
		<script src="js/register.js"></script>
	</body>
</html>
